// rem等比适配配置文件
// 基准大小，通常这是您的设计稿的基准字体大小
const baseSize = 14;

// 设置 rem 函数
function setRem() {
  // 使用视口宽度（viewport width）作为基准，而不是整个屏幕的宽度
  const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
  // 假设设计稿的宽度是 750px（这是一个常见的移动端设计稿宽度），但您可以根据需要更改它
  const designWidth = 1920;
  // 计算缩放比例
  const scale = viewportWidth / designWidth;
  // 设置页面根节点字体大小，并限制最大放大比例为 2
  const maxSize = baseSize * 2;
  const fontSize = Math.min(baseSize * scale, maxSize);
  document.documentElement.style.fontSize = fontSize + 'px';
}

// 初始化
setRem();

// 改变窗口大小时重新设置 rem
window.onresize = function() {
  setRem();
};
